
// 修改的el-element里的el-dialog样式

.el-dialog{
    margin: 20px auto !important;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 40px);
    /*position: relative;
    top: 50%;
    transform: translateY(-53%);*/
}

.is-fullscreen{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-height: 100%;
  //transform: translateY(-50%);
}

.el-dialog__body{
  flex: 1;
  overflow: hidden;
  overflow-y: scroll;
}

.el-dialog__header{
    border-bottom: 1px solid #dee2e6;
    background: linear-gradient(180deg,#fff,#ededed,#fff);
    padding: 10px 15px;
    display: flex;
    align-items: center;
}


.el-dialog__footer{
    border-top: 1px solid #dee2e6;
    padding: 5px !important;
}
.el-dialog__title{
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #444 !important;

}
.el-dialog__headerbtn .el-dialog__close{
  color: #000 !important;
}

.el-table{
  color: #333 !important;
}

.el-table, .el-table__expanded-cell {
    // background-color: transparent !important;
    font-size: 14px;
    // color: $myFontColor;
  }

.el-table--border{
  border:1px solid #ccc;
}

// .el-table th, .el-table tr {
  // background-color: transparent !important;
  // color: $myFontColor !important;
// }

.el-table thead th{
  padding: 10px 0 !important;
  font-size: 16px;
  font-weight: normal;
  color: #555;
  // background: linear-gradient(180deg,#fff,#ededed);
  //background: linear-gradient(180deg,rgb(238, 238, 238),#ddd,rgb(238, 238, 238));
}

.el-table .el-table__cell{
  padding: 5px 0;
}

// .el-button{
//   padding: 10px 15px;
// }

.el-loading-mask{
  transform: translateY(0%) !important;
}

.el-menu--popup-bottom-start {
  max-height: 500px;
  overflow-y: auto;
}

.el-menu--popup-right-start {
  max-height: 300px;
  overflow-y: auto;
}

// .el-tabs__header{
//   background-color: white !important;
// }

// .el-tabs .is-active{
//   background-color: #eeeeee !important;
//   margin: 0 !important;
// }

.el-button:focus {
  outline: none;
}
.el-dialog{
    .el-dialog__header{padding: 10px 20px;border-bottom: 1px solid #e4e4e4;
      .el-dialog__title{font-size: 14px;display: inline-block;position: relative;padding-left: 10px;
        &::before{width: 3px;height: 14px;position: absolute;content: '';background: #188ae2;left: 0;top:6px;}
      }
      .el-dialog__headerbtn{top: 14px;}
    }
    .el-dialog__body{padding: 10px 20px;padding-bottom: 0px;}
    .el-dialog__footer{padding: 15px;
      .el-button{min-width: 70px;padding: 8px;}
    }
  }